<!DOCTYPE html>
<style>
  .horizontal { -webkit-appearance: slider-horizontal }
  .vertical { -webkit-appearance: slider-vertical }
</style>
<p>You should see a vertical slider with a matching thumb below.</p>
<input id="range" type="range" class="horizontal">
<script>
  document.body.offsetTop;
  range.className = "vertical";
</script>
